<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<%@ include file="/commons/taglibs.jsp"%>

<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />

<title>服务套餐</title>
<%@ include file="/commons/static.jsp"%>
<link rel="stylesheet" href="${ctx}/dep/zTreeStyle/zTreeStyle.min.css" />

</head>

<body>

	<div class="wrapper">
		<!-- 面包屑导航 -->
		<div class="page-breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="fa fa-home"></i> <a href="#">首页</a></li>
				<li><i></i> <a href="#">业务配置管理</a></li>
				<li class=""><a href="#">套餐模板配置</a></li>
				<li class="active">服务套餐</li>
			</ul>
		</div>
		<!-- /面包屑导航-->
		<div class="page-body">
			<div class="row">

				<div class="col-xs-12 col-md-12">
					<div class="widget">
						<div class="widget-body">
							<div id="profile" class="tab-pane">

								<input id="from" value="${from}" style="display: none" />

								<form id="registrationForm" method="post"
									class="form-horizontal clearfix"
									onsubmit="return validateForm()">

									<input value="${data.id}" type="text" name="id"
										style="display: none" />

									<div class="bancgud">
										<div class="form-group">
											<label class="col-lg-2 control-label">服务套餐名称<span
												class="help-inline"><font color="red">*</font></span></label>
											<div class="col-lg-8">
												<input type="text" name="name" value="${data.name}"
													class="form-control" data-bv-notempty="true"
													data-bv-notempty-message="套餐名称不能为空" />
											</div>
										</div>

										<div class="form-group">
											<label class="col-lg-2 control-label">体检库</label>
											<div class="col-lg-8">
												<select name="institutionsId" class="form-control"
													style="width: 200px; display: inline-block; vertical-align: middle;"
													id="medical">
													<option value="0">请选择</option>
												</select>
											</div>
										</div>

										<input id="medicalId" value="${data.institutionsId}"
											style="display: none;" /> <span id="content"
											style="display: none;">${data.serviceRow}</span>

										<div class="form-group">
											<label class="col-lg-2 control-label">服务套餐体检项目</label>

											<div class=" col-lg-8">
												<ul id="treeDemo"
													style="height: 300px; border: 1px dashed #d5d5d5; overflow: scroll;"
													class="ztree"></ul>
											</div>

										</div>

										<div class="form-group">
											<label class="col-lg-2 control-label">服务套餐内容</label>
											<%-- <div class="col-lg-8">
																<textarea class="form-control" name="serviceContent" rows="3">${data.serviceContent}</textarea>
															</div> --%>
											<div class='checkbox col-lg-8' style='display: inline-block;'>
												<label class="col-lg-2"><!-- <input 
													type='checkbox' class='colored-blue'> --><span
													class='text'>音视频通话</span></label>
													<div class="col-lg-6">
													<label class="col-lg-2 no-padding-right" style="text-align:right;padding-top:3px">免费</label>
													<div class="col-lg-4"><input name="videoTime" value="${empty data.videoTime  ? '0' : data.videoTime}" type="number" value="0" /></div>
													<span class='text' style="padding-top:2px;display:inline-block;">分钟</span>
													</div>
											</div>
										</div>
										<div class="form-group ">
											<label class="col-lg-2 control-label"></label>
											<div class="col-lg-8" style="padding-left:0px;">
											<c:forEach items="${sd }" var="list">
												<div class="col-lg-2 checkbox" style="display: inline-block;">
												<label><input value="${list.id }" name='servicePackages'
												
												${fn:contains(data.serviceContent, "'".concat(fn:trim(list.id).concat("'")))?'checked':'' }
													type='checkbox' class='colored-blue'><span
													class='text'>${list.value }</span></label>
												</div>
											</c:forEach>
											
											</div>
										</div>

										<div class="form-group">
											<label class="col-lg-2 control-label">服务套餐周期(月)<span
												class="help-inline"><font color="red">*</font></span></label>
											<div class="col-lg-8">
												<input name="cycle" value="${data.cycle}" type="number"
													class="form-control" />
											</div>
										</div>

										<div class="form-group">
											<label class="col-lg-2 control-label">服务套餐价格<span
												class="help-inline"><font color="red">*</font></span></label>
											<div class="col-lg-8">
												<input type="text" name="price" value="${data.price}"
													class="form-control" data-bv-notempty="true"
													data-bv-notempty-message="套餐价格不能为空" />
											</div>
										</div>

										<div class="form-group">
											<label class="col-lg-2 control-label">服务套餐描述</label>
											<div class="col-lg-8">
												<textarea class="form-control" name="description" rows="3">${data.description}</textarea>
											</div>
										</div>
									</div>

									<div style="padding-top: 25px">
										<div class="col-xs-6">
											<input type="submit"
												class=" btn btn-darkorange col-xs-12 col-sm-2 col-sm-offset-10"
												value="确认">
										</div>
										<div class="col-xs-6">
											<a class=" btn btn-active col-xs-12 col-sm-2 "
												onclick="window.history.back(-1)">取消</a>
										</div>
									</div>

								</form>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>


	</div>
	<!-- /右侧内容 -->


	<script src="${ctx}/dep/zTreeStyle/jquery.ztree.all.min.js"></script>

	<script src="${ctx}/home/institutions/service_package_add.js"></script>

</body>

</html>